<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="div1">我是一个div</div>
    
    <button id="remove">删除 div 元素</button>

    <!-- <div style="font-size: 36px;">我是一个文本</div> -->

    <ol>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
    </ol>

    <button id="empty">清空ol子元素</button>


    <!-- <img src="pic/rose.jpg"> -->

    <script src="../js/jquery.min.js"></script>
    <script>
        $("#remove").click(function(){
            $("#div1").remove();
        });

        $("#empty").click(function(){
            $("ol").empty();
        });


        $("ol").append("<li>append</li>");
        $("ol").prepend("<li>prepend</li>");

        $("ol").before("before");
        $("ol").after("after");
        // var fontSize = $("div").css("font-size");
        // console.log(fontSize);

        $("div").css("color","red");

    </script>
</body>
</html>